import 'tailwindcss/tailwind.css';
import './styles/base.scss';

import { createRoot } from 'react-dom/client';
import { BrowserRouter } from 'react-router-dom';
import VConsole from 'vconsole';

import { GlobalProvider } from './application/context/global';
import { UserProvider } from './application/context/user';
import Router from './router';

if (process.env.NODE_ENV === 'development') {
  const vConsole = new VConsole();
}
const container = document.getElementById('root') as HTMLDivElement;
const root = createRoot(container);
root.render(
  <BrowserRouter>
    <UserProvider>
      <GlobalProvider>
        <Router></Router>
      </GlobalProvider>
    </UserProvider>
  </BrowserRouter>
);
